
<%@ include file="../common/IncludeTop.jsp" %>

<script>
    window.onload = function () {
        var img = document.getElementById("img");

        img.onclick = function () {
            window.location.href = "http://localhost:8081/MyWebProject_war_exploded/SignOnForm.jsp"
        }
    }
</script>

<form action="login" method="post">
    <div id="Catalog">
        <div>
            <script src="../../../js/GOODMorning.js"></script>
        </div>
        <%--        起初这儿调用JavaScript文件会导致全局字体变量变化，在添加了<div></div>标签后不则不再影响全局字体变量。--%>
        <p>Please enter your username and password.</p>
        <tr>
            <td>
                <label>Username: <input type="text" name="username" required="required">
                </label>
            </td>
        </tr>
        <br>
        <tr>
            <td>
                <label>Password: <input type="password" name="password" required="required">
                </label>
            </td>
        </tr>
        <br>
        <tr->
            <td>
                <p>Please enter the verification code.</p>
            </td>
            <td>
                <label>
                    Code:<input type="text" name="code" required="required">
                </label>
            </td>
            <td>
                <img src="code" height="30" width="100" onclick="this.src='code?'+Math.random();"
                     alt="verification code"/>
            </td>
        </tr->
        <br>
        <tr>
            <td colspan="2" align="center">Click the image to change the verification code.<br></td>
        </tr>
        <br>
        <tr>
            <td colspan="2" align="center">
                <font color="red">${requestScope.msg}</font>
            </td>
        </tr>
        <br>
        <input type="submit" value="login">
        <br>
        Need a user name and password?
        <br>
        <a href="registerForm">Register Now!</a>
        <br>
    </div>
</form>
<%@ include file="../common/IncludeBottom.jsp" %>

